<template>
    <div>
        <heads :cities='cities'></heads>
        <hotCity :hotCity='hotCity' :cities='cities' :datas='datas'></hotCity>
        <rightMenu :cities='cities' @change='infos'></rightMenu>
    </div>
</template>
<script>
import axios from 'axios'
import heads from './components/heads'
import hotCity from './components/hotCity'
import rightMenu from './components/rightMenu'
export default {
    name:'',
    components: {
        heads,hotCity,rightMenu
    },
    props: [],
    data() {
        return {
            hotCity:[],
            cities:{},
            datas:'',
        };
    },
    computed: {},
    watch: {},
    created() {},
    mounted() {
        this.getlist()
    },
    methods: {
        getlist(){
            axios.get('/static/city.json').then(res=>{
                // console.log(res.data.data.cities)
                this.hotCity = res.data.data.hotCities
                this.cities = res.data.data.cities
            })
        },
        infos(data){
            // console.log(data)
            this.datas=data
        },
    },
};
</script>
<style scoped>
</style>